<!DOCTYPE html >
<html>
<head>
<meta name="Generator" content="TPshop v1.1" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>我的消息</title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<link rel="stylesheet" href="../css/footer.css">
<link rel="stylesheet" href="../css/font_footer/iconfont.css">


<!-- <link rel="stylesheet" href="../css/footer.css"> -->
<style type="text/css">
	body,html{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
	}
	#footer{
		width: 100%;
		height: 50px;
		position: fixed;
		bottom: 0;
		left: 0;
	}
	p{
		margin:0;
	}
	#tuandel1{
		font-size: 22px;
	}
	/*没有消息*/
	.center{
		width: 100%;
		background: #eee;
	}
	.one{
		width: calc(100% - 20px);
		padding: 15px 10px;
		border-bottom: 1px solid #eaeaea;
	}
	.missionKon{
		width: 100%;
		margin-top: 30px;
		display: inline-block;

	}
	.missionKon img{
		width: 20%;
		margin-left: 40%;
	}
	.konP{
		color:#555555;
		text-align: center;
		font-size: 15px;
		line-height: 30px;
	}
	/*有消息*/
	.missionBot{
		width: calc(100% - 20px);
		padding: 10px 10px;
		border-bottom: 1px solid #eaeaea;
		display: flex;

	}
	.missionBotL{
		width: 40px;
		height: 40px;
		position: relative;
	}
	.missionBotL img{
		width: 40px;
		height: 40px;
		border-radius: 3px;
	}
	.missionBotC{
		width: calc(100% - 90px);

	}
	.missP1{
		font-weight: bold;
		line-height: 22px;
		font-size: 15px;
		text-indent: 10px;
	}
	.missP2{
		font-size: 12px;
		line-height: 18px;
		text-indent: 10px;
	}
	.missionBotR{
		width: 50px;
		text-align: right;
		line-height: 40px;
	}
	.missionNum{
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background: red;
		color: #fff;
		font-size: 10px;
		text-align: center;
		line-height: 12px;
		position:absolute;
		top: 0;
		right: 0;
	}



</style>

</head>
<body>
    <div class="peoper">
    	<!-- <div class="missionCen">
			<div class="missionKon">
				<img src="../image/information/xx.png" alt="">
				<p class="konP">当前没有收到消息</p>
			</div>
		</div> -->
		<div class="missionZ">
			<div class="missionBot" onclick="window.location.href='chat/chat.html'">
				<div class="missionBotL">
					<img src="../image/information/xx.png" alt="">
					<div class="missionNum">99</div>
				</div>
				<div class="missionBotC">
					<p class="missP1">张三</p>
					<p class="missP2">反对噶是地方还是地方</p>
				</div>
				<div class="missionBotR">11:52</div>

			</div>
		</div>


	</div>
<!-- 	<div style="height:60px; line-height:60px; clear:both;"></div>

    <div id="footer"></div> -->
<!-- <script src='../js/jquery.js'></script> -->
<script type="text/javascript">
	 // $("#footer").load("footer.html");
	// console.log($)

</script>
</body>
</html>